var btnShow = document.getElementById('btnShow');
var btnHide = document.getElementById('btnHide');
var btnToggle = document.getElementById('btnToggle');

var box=document.getElementsByClassName('box')[0];


btnHide.onclick = function (){

   // box.style.display = 'none';

       box.style.visibility = 'hidden';
}


btnShow.onclick = function (){
    box.style.display = 'block';
}


/**
 *  q1:如何实现切换的功能
 *  q2:如何实现 显示隐藏不影响 容器的形状
 * */
btnToggle.onclick = function (){



      if( box.style.display!='none'){
          box.style.display='none';
      } else {
          box.style.display='block';
      }

}

